<template>
  <div>
    <h2>{{ currentDate | formatTime }}</h2>
    <van-datetime-picker
      v-model="currentDate"
      type="date"
      title="选择年月日"
      :min-date="minDate"
      :max-date="maxDate"
    />
  </div>
</template>
<script>
import moment from 'moment'
export default {
  data () {
    return {
      currentDate: new Date(),
      minDate: new Date('1971-01-01'),
      maxDate: new Date()
    }
  },
  filters: {
    // 作用：字符加工
    // 特点：不能使用this，只能用于{{}}与v-bind
    formatTime (str) {
      return moment(str).format('YYYY-MM-DD')
    }
  }
}
</script>
<style></style>
